.opacity-enter,.opacity-leave-to{
  opacity: 0 !important;
}
.opacity-enter-active,.opacity-leave-active{
  transition: 1s !important;
}
.opacity-enter-to,.opacity-leave{
  opacity: .5 !important;
}
// 夜间模式切换
.opt-enter,.opt-leave-to{
  opacity: 0 !important;
  transform: translateX(-0.1rem);
}
.opt-enter-active,.opt-leave-active{
  transition: 1s !important;
}
.opt-enter-to,.opt-leave{
  opacity: 1 !important;
  transform: translateX(0);
}
// 全局
.jumpTop-enter,.jumpTop-leave-to{
  opacity: 0 !important;
  transform: translateY(10%);
}
.jumpTop-enter-active,.jumpTop-leave-active{
  transition: .5s !important;
}
.jumpTop-enter-to,.jumpTop-leave{
  opacity: 1 !important;
  transform: translateY(0);
}
// 组件切入
.componentTab-enter,.componentTab-leave-to{
  opacity: 0 !important;
  transform: translateX(100%);
}
.componentTab-enter-active,.componentTab-leave-active{
  transition: .5s !important;
}
.componentTab-enter-to,.componentTab-leave{
  opacity: 1 !important;
  transform: translateX(0);
}
//左侧完整切入
.componentAllTabL-enter,.componentAllTabL-leave-to{
  transform: translateX(-100%);
}
.componentAllTabL-enter-active,.componentAllTabL-leave-active{
  transition: .5s !important;
}
.componentAllTabL-enter-to,.componentAllTabL-leave{
  transform: translateX(0);
}
//右侧完整切入
.componentAllTabR-enter,.componentAllTabR-leave-to{
  transform: translateX(100%);
}
.componentAllTabR-enter-active,.componentAllTabR-leave-active{
  transition: .5s !important;
}
.componentAllTabR-enter-to,.componentAllTabR-leave{
  transform: translateX(0);
}
//底部切入
.componentAllTabB-enter,.componentAllTabB-leave-to{
  transform: translateY(100%);
}
.componentAllTabB-enter-active,.componentAllTabB-leave-active{
  transition: .5s !important;
}
.componentAllTabB-enter-to,.componentAllTabB-leave{
  transform: translateY(0);
}
//顶部切入
.componentAllTabT-enter,.componentAllTabT-leave-to{
  transform: translateY(-100%);
}
.componentAllTabT-enter-active,.componentAllTabT-leave-active{
  transition: .5s !important;
}
.componentAllTabT-enter-to,.componentAllTabT-leave{
  transform: translateY(0);
}